<!DOCTYPE html>
<!-- ng-app -->
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="../../js/plugins/angular/angular.min.js" type="text/javascript"></script>
</head>
<body>
    <!-- 示例四：作用域继承实例-不再访问父作用域的数据对象。 -->
    <div ng-controller="parentCtrl">
        <input ng-model="args.content"><!-- Nick DeveloperWorks -->
        <div ng-controller="childCtrl">
            <input ng-model="args.content"><!-- Nick DeveloperWorks for test -->
        </div>
    </div>

    <script>
        angular.module('app', [])
            .controller('parentCtrl', ['$scope', function($scope) {
                $scope.args = {};
                $scope.args.content = 'Nick DeveloperWorks';
            }])
            .controller('childCtrl', ['$scope', function($scope) {
                $scope.args = {};
                $scope.args.content = 'Nick DeveloperWorks for test';
            }]);

    </script>
</body>
</html>